/*======================================*/
/*==========Town Effects CSS============*/
/*======================================*/

/*-------------------------------*/
/*----------City Phases----------*/
/*-------------------------------*/
#city.-EFFECT- #container .phase1 {
	background-image:url(-WEBADDRESS--EFFECT-/town/bg/city_phase1.jpg);
}
#city.-EFFECT- #container .phase2,
#city.-EFFECT- #container .phase3 {
	background-image:url(-WEBADDRESS--EFFECT-/town/bg/city_phase2.jpg);
}
#city.-EFFECT- #container .phase4,
#city.-EFFECT- #container .phase5, 
#city.-EFFECT- #container .phase6 {
	background-image:url(-WEBADDRESS--EFFECT-/town/bg/city_phase3.jpg);
}
#city.-EFFECT- #container .phase7, 
#city.-EFFECT- #container .phase8,
#city.-EFFECT- #container .phase9 {
	background-image:url(-WEBADDRESS--EFFECT-/town/bg/city_phase4.jpg);
}
#city.-EFFECT- #container .phase10,
#city.-EFFECT- #container .phase11,
#city.-EFFECT- #container .phase12 {
	background-image:url(-WEBADDRESS--EFFECT-/town/bg/city_phase5.jpg);
}
#city.-EFFECT- #container .phase13,
#city.-EFFECT- #container .phase14,
#city.-EFFECT- #container .phase15 {
	background-image:url(-WEBADDRESS--EFFECT-/town/bg/city_phase6.jpg);
}
#city.-EFFECT- #container .phase16,
#city.-EFFECT- #container .phase17 {
	background-image:url(-WEBADDRESS--EFFECT-/town/bg/city_phase7.jpg);
}
#city.-EFFECT- #container .phase18,
#city.-EFFECT- #container .phase19 {
	background-image:url(-WEBADDRESS--EFFECT-/town/bg/city_phase7.jpg);
}
#city.-EFFECT- #container .phase20 {
	background-image:url(-WEBADDRESS--EFFECT-/town/bg/city_phase8.jpg);
}

/*-------------------------------*/
/*-----------Buildings-----------*/
/*-------------------------------*/
#city.-EFFECT- #container #mainview #locations .museum .buildingimg {
	left:-8px;
	top:-38px;
	width:105px;
	height:85px;
	background-image:url(-WEBADDRESS--EFFECT-/town/buildings/building_museum.gif);
}
#city.-EFFECT- #container #mainview #locations .shipyard .buildingimg {
	left:-22px;
	top:-20px;
	width:129px;
	height:100px;
	background-image:url(-WEBADDRESS--EFFECT-/town/buildings/building_shipyard.gif);
}
#city.-EFFECT- #container #mainview #locations .warehouse .buildingimg {
	left:0px;
	top:-33px;
	width:126px;
	height:86px;
	background-image:url(-WEBADDRESS--EFFECT-/town/buildings/building_warehouse.gif);
}
#city.-EFFECT- #container #mainview #locations .wall .buildingimg {
	left:-500px;
	top:-15px;
	width:720px;
	height:137px;
	background-image:url(-WEBADDRESS--EFFECT-/town/buildings/building_wall.gif);
}
#city.-EFFECT- #container #mainview #locations .tavern .buildingimg {
	left:-10px;
	top:-15px;
	width:111px;
	height:65px;
	background-image:url(-WEBADDRESS--EFFECT-/town/buildings/building_tavern.gif);
}
#city.-EFFECT- #container #mainview #locations .palace .buildingimg {
	left:-10px;
	top:-42px;
	width:106px;
	height:97px;
	background-image:url(-WEBADDRESS--EFFECT-/town/buildings/building_palace.gif);
}
#city.-EFFECT- #container #mainview #locations .academy .buildingimg {
	left:-19px;
	top:-31px;
	width:123px;
	height:90px;
	background-image:url(-WEBADDRESS--EFFECT-/town/buildings/building_academy.gif);
}
#city.-EFFECT- #container #mainview #locations .workshop-army .buildingimg {
	left:-19px;
	top:-31px;
	width:106px;
	height:85px;
	background-image:url(-WEBADDRESS--EFFECT-/town/buildings/building_workshop.gif);
}
#city.-EFFECT- #container #mainview #locations .safehouse .buildingimg {
	left:5px;
	top:-15px;
	width:84px;
	height:58px;
	background-image:url(-WEBADDRESS--EFFECT-/town/buildings/building_safehouse.gif);
}
#city.-EFFECT- #container #mainview #locations .branchOffice .buildingimg {
	left:-19px;
	top:-31px;
	width:109px;
	height:84px;
	background-image:url(-WEBADDRESS--EFFECT-/town/buildings/building_branchOffice.gif);
}
#city.-EFFECT- #container #mainview #locations .embassy .buildingimg {
	left:-5px;
	top:-31px;
	width:93px;
	height:85px;
	background-image:url(-WEBADDRESS--EFFECT-/town/buildings/building_embassy.gif);
}
#city.-EFFECT- #container #mainview #locations .palaceColony .buildingimg {
	left:-10px;
	top:-42px;
	width:109px;
	height:95px;
	background-image:url(-WEBADDRESS--EFFECT-/town/buildings/building_palaceColony.gif);
}
#city.-EFFECT- #container #mainview #locations .townHall .buildingimg {
	left:-5px;
	top:-60px;
	width:104px;
	height:106px;
	background-image:url(-WEBADDRESS--EFFECT-/town/buildings/building_townhall.gif);
}
#city.-EFFECT- #container #mainview #locations .barracks .buildingimg {
	left:0px;
	top:-33px;
	width:100px;
	height:76px;
	background-image:url(-WEBADDRESS--EFFECT-/town/buildings/building_barracks.gif);
}
#city.-EFFECT- #container #mainview #locations .port .buildingimg {
	left:-65px;
	top:-35px;
	width:163px;
	height:131px;
	background-image:url(-WEBADDRESS--EFFECT-/town/buildings/building_port.gif);
}
#city.-EFFECT- #container #mainview #locations li .constructionSite {
	left:-20px;
	top:-30px;
	width:114px;
	height:81px;
	background-image:url(-WEBADDRESS--EFFECT-/town/buildings/constructionSite.gif);
}

/*-------------------------------*/
/*-------------Flags-------------*/
/*-------------------------------*/
#city.-EFFECT- #container #mainview #locations .land .flag {
	background-image:url(-WEBADDRESS--EFFECT-/town/flags/flag_red.gif);
}
#city.-EFFECT- #container #mainview #locations .shore .flag {
	background-image:url(-WEBADDRESS--EFFECT-/town/flags/flag_blue.gif);
}
#city.-EFFECT- #container #mainview #locations .wall .flag {
	background-image:url(-WEBADDRESS--EFFECT-/town/flags/flag_yellow.gif);
}

/*-------------------------------*/
/*----------Background-----------*/
/*-------------------------------*/
/*
#extraDiv1 {
	position:absolute;
	top:0px;
	right:0px;
	width:100%;
	height:147px;
	background:url(layout/bg_sky.jpg) repeat top center;
	z-index:1;
}
#extraDiv2 {
	position:absolute;
	top:147px;
	left:0px;
	width:100%;
	height:189px;
	background:url(layout/bg_ocean.jpg) repeat top center;
	z-index:1;
}
#header {
	position:relative;
	height:336px;
	margin:0 -132px -189px -132px;
	background:#f3dcb6 url(layout/bg_header.jpg) no-repeat;
}
*/